<template>
	<view>
		<view class="w100 posFixed btm0">
			<image :src="`${$domain.ossapi}/mine/invitebg.png`" mode="widthFix" class="w100"></image>
		</view>
		<view class="content posRelative">
			<view class="mainBox radius15 posRelative">
				<view class="posRelative flex-col align-center"  style="top: -90upx;">
					<view class="tc justify-center">
						<image :src="`${$domain.ossapi}/index/avatar_boy.png`" class="block" mode="aspectFill" style="width: 180upx;height: 180upx;"></image>
					</view>
					<view class="ft20 bold mt12">白医生</view>
					<view class="ft14 bold mt5 light">主任医师</view>
					<view class="ft14 mt5 gray9">杭州市第二人民医院</view>
					<view class="ptb30" style="width: 370upx;">
						<uv-line color="#f5f5f5"></uv-line>
					</view>
					<view class="">
						<uv-qrcode ref="qrcode" size="315rpx" value="HELLO NIHAO"></uv-qrcode>
					</view>
					<view class="ptb20 light ft15">微信扫码关注我</view>
					<view class="" style="width: 370upx;">
						<mix-button ref="confirmBtn" text="保存二维码图片" marginTop="0rpx" @onConfirm="login"></mix-button>
					</view>
					<view class="align-center justify-around plr50 w100" style="margin-top: 75upx;">
						<view class="tc">
							<image :src="`${$domain.ossapi}/common/wechat.png`" style="width: 74upx;height: 74upx;"></image>
							<view class="mt5 ft13">微信</view>
						</view>
						<view class="tc">
							<image :src="`${$domain.ossapi}/common/wecircle.png`" style="width: 74upx;height: 74upx;"></image>
							<view class="mt5 ft13">朋友圈</view>
						</view>
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.content{
	padding: 133upx 74upx 60upx 74upx;
	// height: calc(100vh - 88upx) ;
	.mainBox{
		background: rgba(255,255,255,0.5);
		height: 100%;
	}
}
</style>
